<template>
<div id="app">
  <mt-header title="驴妈妈旅游网">
    <mt-button icon="back" slot="left">back</mt-button>
    <mt-button slot="right">
      <!-- <i class="icon-arrow_lift"></i> -->
      <i class="iconfont icon-Customized"></i>
    </mt-button>
  </mt-header>

  <!-- swipe -->
  <!-- <mt-swipe >
      <mt-swipe-item>1</mt-swipe-item>
      <mt-swipe-item>2</mt-swipe-item>
      <mt-swipe-item>3</mt-swipe-item>
    </mt-swipe> -->

  <h1 class="index-h1">1111</h1>
  <mt-tabbar>
    <mt-tab-item id="tab1">
      tab1
    </mt-tab-item>
    <mt-tab-item id="tab2">
      tab2
    </mt-tab-item>
    <mt-tab-item id="tab3">
      tab3
    </mt-tab-item>
    <mt-tab-item id="tab4">
      tab4
    </mt-tab-item>
  </mt-tabbar>
</div>
</template>

<script>
export default {

}
</script>


<style lang="stylus" scoped>

@import "common/stylus/mixins.styl";

.mint-header
    background-color: #fff
    color: #000
    font-size: 18px

.mint-header .mint-button
    color: green

.index-h1
  display: inline-block
  padding: 10px
  background: #f60
  border-radius(3px)

</style>
